<!DOCTYPE HTML>
<html lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>상담원 메인</title>
<link rel="stylesheet" type="text/css" href="css/common.css" />
<link rel="stylesheet" type="text/css" href="css/jquery.selectbox.css" />
<link rel="stylesheet" type="text/css" href="css/perfect-scrollbar.css" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.selectbox-0.2.js"></script>
<script src="js/jquery.mousewheel.js"></script>
<script src="js/perfect-scrollbar.js"></script>
<script type="text/javascript" src="js/common.js"></script>
</head>
<body>
<div class="scroll_div">	
	<!-- 상담내역 START -->
	<div class="cont_history">
		<h3>상담내역조회 결과(000)</h3>
		<div class="con_list wrap_table"  id="Default">
			<div class="custom_scroll" >
			<table>
				<caption>상담내역 조회 결과</caption>
				<colgroup>
					<col class="col1" />
					<col class="col2" />
					<col class="col3" />
					<col class="col4" />
					<col class="col5" />
					<col class="col6" />
					<col class="col7" />
					<col class="col8" />
					<col class="col9" />
				</colgroup>
				<thead>
					<tr>
						<th scope="col"><div>접수번호</div></th>
						<th scope="col"><div>상담일자</div></th>
						<th scope="col"><div>상담시간</div></th>
						<th scope="col"><div>대분류</div></th>
						<th scope="col"><div>중분류</div></th>
						<th scope="col"><div>소분류</div></th>
						<th scope="col"><div>유형</div></th>
						<th scope="col"><div>처리결과</div></th>
						<th scope="col"><div>청취</div></th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>123456</td>
						<td>2013-10-11</td>
						<td>11:00:11</td>
						<td>통화내역 접수</td>
						<td>해약문의 접수</td>
						<td>상품문의</td>
						<td>유형의 내용</td>
						<td>처리결과내용</td>
						<td>청취내용</td>
					</tr>
					<tr>
						<td>123456</td>
						<td>2013-10-11</td>
						<td>11:00:11</td>
						<td>해약문의 접수</td>
						<td>해약문의 접수</td>
						<td>상품문의</td>
						<td>유형의 내용</td>
						<td>처리결과내용</td>
						<td>청취내용</td>
					</tr>
					<tr>
						<td>123456</td>
						<td>2013-10-11</td>
						<td>11:00:11</td>
						<td>해약문의 접수</td>
						<td>해약문의 접수</td>
						<td>상품문의</td>
						<td>유형의 내용</td>
						<td>처리결과내용</td>
						<td>청취내용</td>
					</tr>
					<tr>
						<td>123456</td>
						<td>2013-10-11</td>
						<td>11:00:11</td>
						<td>해약문의 접수</td>
						<td>해약문의 접수</td>
						<td>상품문의</td>
						<td>유형의 내용</td>
						<td>처리결과내용</td>
						<td>청취내용</td>
					</tr>
					<tr>
						<td>123456</td>
						<td>2013-10-11</td>
						<td>11:00:11</td>
						<td>해약문의 접수</td>
						<td>해약문의 접수</td>
						<td>상품문의</td>
						<td>유형의 내용</td>
						<td>처리결과내용</td>
						<td>청취내용</td>
					</tr>
					<tr>
						<td>123456</td>
						<td>2013-10-11</td>
						<td>11:00:11</td>
						<td>해약문의 접수</td>
						<td>해약문의 접수</td>
						<td>상품문의</td>
						<td>유형의 내용</td>
						<td>처리결과내용</td>
						<td>청취내용</td>
					</tr>
					<tr>
						<td>123456</td>
						<td>2013-10-11</td>
						<td>11:00:11</td>
						<td>해약문의 접수</td>
						<td>해약문의 접수</td>
						<td>상품문의</td>
						<td>유형의 내용</td>
						<td>처리결과내용</td>
						<td>청취내용</td>
					</tr>
					<tr>
						<td>123456</td>
						<td>2013-10-11</td>
						<td>11:00:11</td>
						<td>해약문의 접수</td>
						<td>해약문의 접수</td>
						<td>상품문의</td>
						<td>유형의 내용</td>
						<td>처리결과내용</td>
						<td>청취내용</td>
					</tr>
					<tr>
						<td>123456</td>
						<td>2013-10-11</td>
						<td>11:00:11</td>
						<td>해약문의 접수</td>
						<td>해약문의 접수</td>
						<td>상품문의</td>
						<td>유형의 내용</td>
						<td>처리결과내용</td>
						<td>청취내용</td>
					</tr>
					<tr>
						<td>123456</td>
						<td>2013-10-11</td>
						<td>11:00:11</td>
						<td>해약문의 접수</td>
						<td>해약문의 접수</td>
						<td>상품문의</td>
						<td>유형의 내용</td>
						<td>처리결과내용</td>
						<td>청취내용</td>
					</tr>
					<tr>
						<td>123456</td>
						<td>2013-10-11</td>
						<td>11:00:11</td>
						<td>해약문의 접수</td>
						<td>해약문의 접수</td>
						<td>상품문의</td>
						<td>유형의 내용</td>
						<td>처리결과내용</td>
						<td>청취내용</td>
					</tr>
					<tr>
						<td>123456</td>
						<td>2013-10-11</td>
						<td>11:00:11</td>
						<td>해약문의 접수</td>
						<td>해약문의 접수</td>
						<td>상품문의</td>
						<td>유형의 내용</td>
						<td>처리결과내용</td>
						<td>청취내용</td>
					</tr>
					<tr>
						<td>123456</td>
						<td>2013-10-11</td>
						<td>11:00:11</td>
						<td>해약문의 접수</td>
						<td>해약문의 접수</td>
						<td>상품문의</td>
						<td>유형의 내용</td>
						<td>처리결과내용</td>
						<td>청취내용</td>
					</tr>
				</tbody>
			</table>
			</div>
		</div>
		<script type="text/javascript">
			jQuery(document).ready(function ($) {
			"use strict";
			$('#Default').perfectScrollbar();
			});
		</script>
	</div>
	
	<!-- 상담내역 END -->				
</div>
<!-- 상담이력저장 START -->
<div class="history_save">
	<h3>상담이력저장</h3>
	<div class="wrap_save">
		<div class="cont_type">
			<h4>상담유형</h4>
			<select id="country_id1">
				<option>대분류1</option>
				<option>대분류2</option>
				<option>대분류3</option>
			</select>
			<select id="country_id2">
				<option>중분류1</option>
				<option>중분류2</option>
				<option>중분류3</option>
			</select>
			<select id="country_id3">
				<option>소분류1</option>
				<option>소분류2</option>
				<option>소분류3</option>
			</select>
		</div>
		<script type="text/javascript">
			// custom selectbox
			$("#country_id1").selectbox();
			$("#country_id2").selectbox();
			$("#country_id3").selectbox();
		</script>
		<div class="cont_content wrap_textarea">
			<div class="cont_title">
				<h4>문의내용</h4><span>0/3000 bytes</span>
			</div>
			<div class="cont_text">
				<textarea cols="100" rows="5"></textarea>
			</div>
			
		</div>
		<div class="result_content wrap_textarea">
			<div class="cont_title">
				<h4>문의내용</h4><span>0/3000 bytes</span>
			</div>
			<div class="cont_text">
				<textarea cols="100" rows="5"></textarea>
			</div>									
		</div>
	</div>
</div>
<!-- 상담이력저장 END -->
<!-- 저장버튼 START -->
<div class="wrap_save_btns">
	<span class="btn"><button type="submit">저장 후 휴식</button></span>
	<span class="btn"><button type="submit">저장 후 대기</button></span>
	<span class="btn"><button type="submit">저장하지 않고 완료</button></span>
</div>
<!-- 저장버튼 END -->
</body>
</html>